<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的商城</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
        <div class="logo">我的商城</div>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">商品</a></li>
                <li><a href="#">购物车</a></li>
                <li><a href="#">订单</a></li>
            </ul>
        </nav>
    </div>

    <div class="carousel">
        <img src="images/banner.jpg" alt="轮播图">
    </div>

    <div class="recommended-products">
        <h2>推荐商品</h2>
        <div class="product-list">
            <div class="product-item">
                <img src="D:\code\hwjhtml\1.jpg" alt="智能手机">
                <h3>智能手机</h3>
                <p>¥9999</p>
                <a href="#">查看详情</a>
            </div>
            <div class="product-item">
                <img src="https://cn.bing.com/images/search?view=detailV2&ccid=CDTOXAlT&id=71F1E9E395D3141F039CC256DE4C59D0ABD894A8&thid=OIP.CDTOXAlT3-XYJZK_H8wUMQHaE8&mediaurl=https%3a%2f%2fts1.tc.mm.bing.net%2fth%2fid%2fR-C.0834ce5c0953dfe5d82592bf1fcc1431%3frik%3dqJTYq9BZTN5Wwg%26riu%3dhttp%253a%252f%252fseopic.699pic.com%252fphoto%252f50056%252f4304.jpg_wh1200.jpg%26ehk%3dqk0sZMjdzUYDxezdkqMLofEPGoKRlKUKPb85X114pdM%253d%26risl%3d%26pid%3dImgRaw%26r%3d0&exph=800&expw=1200&q=%e7%94%b5%e8%84%91%e5%9b%be%e7%89%87&simid=608023965521364466&FORM=IRPRST&ck=3C29E611E9A2E5D02E5E8CFF14484D4E&selectedIndex=0&itb=0" alt="电脑">
                <h3>电脑</h3>
                <p>¥19999</p>
                <a href="#">查看详情</a>
            </div>
            <!-- Add more product items as needed -->
        </div>
    </div>

    <div class="footer">
        <p>&copy;2025 我的商城 版权所有</p>
        <p>联系我们：example@example.com</p>
    </div>
</body>
</html>